body { background-color: #00f }

p {
	padding: 100px;
	margin: 0;
	}

#main {
	overflow: hidden;
	background-color: #fff;
	}

.n1, .n2,
.e1, .e2,
.w1, .w2,
.s1, .s2
	{ background: url(rounded_borders.gif) no-repeat }

.nw, .ne, .sw, .se
	{ background: url(rounded_corners.gif) no-repeat }

.n1, .n2, .s1, .s2 { background-repeat: repeat-x }

.e1, .e2, .w1, .w2 { background-repeat: repeat-y }

.n1 { background-position: 0 -60px }
.n2 { background-position: 40px -60px }

.s1, .s2 {
	margin: 0 0 -60px 0;
	padding: 0 0 60px 0;
	}

.s1 { background-position: 0 bottom }
.s2 { background-position: 40px bottom }

.e1, .e2 {
	margin: 0 -60px 0 0;
	padding: 0 60px 0 0;
	}

.e1 { background-position: right 0 }
.e2 { background-position: right 40px }

.w1 { background-position: -60px 0 }
.w2 { background-position: -60px 40px }

.nw { background-position: -20px -20px }
.ne {
	background-position: right -20px;
	margin: 0 -20px 0 0;
	padding: 0 20px 0 0;
	}
.sw {
	background-position: -20px bottom;
	margin: 0 0 -20px 0;
	padding: 0 0 20px 0;
	}
.se {
	background-position: right bottom;
	margin: 0 -20px -20px 0;
	padding: 0 20px 20px 0;
	}